<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
    	<meta name="viewport" content="maximum-scale=1.0,minimum-scale=1.0,user-scalable=0,width=device-width,initial-scale=1.0"/>
		<title>店铺明细列表详情</title>
		<link rel="stylesheet" href="../css/common/mui.css" />
		<link rel="stylesheet" href="../css/common/common.css" />
		<link rel="stylesheet" href="../css/common/swiper.min.css" />
		<link rel="stylesheet" href="../css/this/shop.css" />
		<style>
			.swiper-container{
				height:1.7rem;
				line-height:1.7rem;
			}
			.swiper-wrapper .swiper-slide{
				height:1.7rem!important;
				line-height:1.7rem;
			}
		</style>
	</head>
	<body>
		<div class='theFirst shop'></div>
		<script type='text/template' id='tpl-shop'>
			<section class='mui-row bGWhite bB' style='background:#bfbec0'>
				<div class='mui-col-xs-3 avatar pL19 pT8 pB8 pR10'>
					<img src="{{shop_info.logo}}" class='head vm bR50'/>
				</div>
				<div class='mui-col-xs-7 pT20'>
						<h2 class='fS15'>{{shop_info.name}}</h2>
						<p class='pT15 fS13 cBlack'>邀请码 ：{{shop_info.invite_code}}</p>
				</div>
				<div class='mui-col-xs-2 pR19 pT22 tC'>
					{{if shop_info.level == 1}}
						<img src="../img/icon/alipay.png" class='w vm fans-levelimg'/>
					{{else if  shop_info.level == 2 }}
						<img src="../img/icon/alipay.png" class='w vm fans-levelimg'/>
					{{else}}
						<img src="../img/icon/alipay.png" class='w vm fans-levelimg'/>
					{{/if}}
				</div>
			</section>
			<section class='bGWhite pL19 pR19 pT20 bB'>
				<div class='oF bB pB22 shop-Profit'>
					<div class='fl'>
						<div class='dIB pR7'>
							<img src="../img/icon/profit.png" class='vm fun-icon pSR' style='top:-1px'/>
						</div>
						<p class='dIB fS15 cBlack'>我的收益<span class='cGrey fS12'> (已完成的交易)</span></p>
						<div class='pL32 cRed fS24'>{{shop_info.account}}元</div>
					</div>
					<div class='fr'>
						<img src="../img/icon/right.png" class='rightC pSR vm' style='top:1.5rem'/>
					</div>
				</div>
				<div class='mui-row pT27 pB27'>
					<div class='mui-col-xs-4 tC shop-sale'>
						<div class='dIB pR5'>
							<img src="../img/icon/sale.png" class='fun-icon vm' />
						</div>
						<p class='dIB'>销售额</p>
						<div class='tC fS15 pT12'>{{total_sales_price}}元</div>
					</div>
					<div class='mui-col-xs-4 bR bL tC shop-order'>
						<div class='dIB pR5'>
							<img src="../img/icon/order.png" class='fun-icon vm' />
						</div>
						<p class='dIB'>订单数</p>
						<div class='tC fS15 pT12'>{{if !order_count}}0{{else}}{{order_count}}{{/if}}单</div>
					</div>
					<div class='mui-col-xs-4  tC shop-fans'>
						<div class='dIB pR5'>
							<img src="../img/icon/fans.png" class='fun-icon vm' />
						</div>
						<p class='dIB'>粉丝</p>
						<div class='tC fS15 pT12'>{{fens_num}}元</div>
					</div>
				</div>
			</section>
			<section class='mT7 bGWhite bT'>
				<div class='oF bB pT15 pB15'>
					<div class='fl dIB fS15 pL20'> 洋玩易<span class='bGRed cWhite fS13'>快讯</span> :</div>
					<div class='fl dIb w69'>
						 <div class="swiper-container">
					        <div class="swiper-wrapper">
					        	{{if news_list.length> 0}}
						           {{each news_list as list}} 
						           <div class="swiper-slide fS15">
						            	{{list.title}}
						            </div>
						            {{/each}}
					            {{else}}
						            <div class="swiper-slide fS15">
						            	暂无内容
						            </div>
					            {{/if}}
					        </div>
					    </div>
					</div>
				</div>
				<section class='mui-row bB'>
					<div class='mui-col-xs-4 pT17 pB17 tC shop-extend'>
						<img src="../img/icon/share.png" class='shop-icon vm'/>
						<div class='fS15 pT10'>分享素材</div>
					</div>
					<div class='mui-col-xs-4 pT17 pB17 tC bL bR shop-classroom'>
						<img src="../img/icon/classroom.png" class='shop-icon vm'/>
						<div class='fS15 pT10'>微学院</div>
					</div>
					<div class='mui-col-xs-4 pT17 pB17 tC shop-invite'>
						<img src="../img/icon/invite.png" class='shop-icon vm'/>
						<div class='fS15 pT10'>特邀通道</div>
					</div>
				</section>
			</section>
		</script>
			<div class='reco'></div>
	</body>
	<script src='../js/common/jquery.min.js'></script>
	<script src='../layer/layer.js'></script>
	<script src='../js/common/swiper.min.js'></script>
	<script src='../js/common/swiper.animate.min.js'></script>
	<script src="../js/common/template.js"></script>
	<script src='../js/common/api.js'></script>
<!--	<script src="../js/common/loading.js"></script> -->
	<script src="../js/common/app.js"></script> 
	<script src="../js/common/header.js"></script> 
	<script src='../js/common/footer.js'></script>
	<script src='../js/common/mui.min.js'></script>
	<script src='shop.js'></script>
</html>
